﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
    <script src="../../lib/jquery/jquery-1.9.0.min.js" type="text/javascript"></script>  
    <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script> 
    <style type="text/css">

        .beijing {
            color: red;
        }
    </style>
    <script type="text/javascript">
        $(function ()
        {


            $("#test1").ligerComboBox({
                width : 200,
                data: [
                    { text: '北京', id: 'bj' },
                    { text: '天津', id: 'tj' },
                    { text: '厦门', id: '44' },
                    { text: '广州', id: 'gz' },
                    { text: '深圳', id: 'sz' },
                    { text: '上海', id: 'ss' }
                ], valueFieldID: 'test3',
                autocomplete: true,
                rowClsRender : function(row){
                    if (row.id == "bj")
                    {
                        return "beijing";
                    }
                },

                keySupport: true
            }); 
        }); 
    </script>
</head>
<body style="padding:10px"> 
      <input type="text" id="test1" />
       <input type="hidden" id="test2" /> 
 <div style="display:none;">
 
</div>
</body>
</html>
